/* CSS Document */
body, div, p, form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

html {
    overflow: scroll;
    width: 100%;
    height: 100%;
}

body {
    background-color: #fafafa;
    width: 100%;
    height: 100%;
}

p, a {
    font-size: 12px;
    font-family: "瀹嬩綋",Arial,Helvetica;
}

ul, li {
    list-style: none outside none;
}

table {
    width: 100%;
}

a {
    text-decoration: none;
}

.warp {
    position: relative;
    margin: 0 auto;
    max-width: 980px;
    min-width: 320px;
    width: 100%;
}

.top {
    background-color: #f3f3f3;
    height: 30px;
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 980px) {
    .top {
        background-color: #f3f3f3;
        height: 60px;
        border-bottom: 1px solid #ccc;
    }

    .header .common .logo {
        float: left;
        height: 75px;
        width: 75px;
        margin-left: 10px;
        margin-right: 15px;
    }

    .fl {
        float: left;
    }

    table td img {
        width: 75%;
        max-width: 100%;
    }
}

@media screen and (max-width: 560px) {
    .top {
        background-color: #f3f3f3;
        height: 90px;
        border-bottom: 1px solid #ccc;
    }

    .header .common .logo {
        display: block;
    }

    table td img {
        width: 60%;
        max-width: 100%;
    }
}

.header .common .logo {
    float: left;
    height: 75px;
    width: 75px;
    margin-left: 10px;
    margin-right: 15px;
}

.top p {
    margin: 0 auto;
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    color: #b11313;
    overflow: hidden;
    text-align: center;
}

    .top p a {
        color: #b11313;
        display: inline-block;
        font-weight: bold;
        height: 12px;
        line-height: 12px;
        width: 10px;
        margin-top: 9px;
        padding-left: 2px;
        margin-left: 20px;
    }

        .top p a:hover {
            border: 1px solid #b11313;
        }

.note01 {
    border-radius: 5px;
    border: 1px solid #85b1dd;
    color: #FF4500;
    font: bold 13px/120% Arial, Helvetica, sans-serif;
    padding: 10px;
    background-color: #f2f8fe;
    text-indent: 2em;
    margin-bottom: 6px;
}

.header .common {
    margin: 15px 0 10px;
    font-size: 30px;
    overflow: hidden;
}

    .header .common .logo a {
        display: block;
        height: 75px;
        width: 75px;
    }

    .header .common .charge {
        float: left;
        height: 25px;
        width: 50px;
        margin-left: 10px;
        padding-top: 50px;
        padding-left: 10px;
        border-left: thin;
        border-left-style: groove;
        border-left-color: #ddd;
        font-size: 22px;
        line-height: 30px;
        text-shadow: gray;
        color: #777;
    }

    .header .common p {
        color: #999;
        float: right;
        font-size: 14px;
        margin-top: 55px;
    }

        .header .common p a {
            font-size: 14px;
            color: #09F;
            text-decoration: underline;
            margin-right: 15px;
        }

.header p span {
    color: #b11313;
    margin-right: 15px;
    margin-left: 3px;
}

.header .nav {
    overflow: hidden;
    background-color: #1066b0;
    height: 35px;
}

    .header .nav ul {
        margin-top: 5px;
    }

    .header .nav .nav_item {
        color: #FFF;
        float: left;
        margin-left: 10px;
        text-align: center;
        vertical-align: middle;
    }

.nav .nav_item a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

    .nav .nav_item a:hover {
        background-color: #2079c5;
        border-radius: 2px 2px 0 0;
        color: #FFFFFF;
    }

.nav .current a, .nav .current a:hover {
    background: none repeat scroll 0 0 #fafafa;
    border-radius: 2px 2px 0 0;
    color: #6D6969;
    filter: none;
}

.content {
    margin-top: 25px;
}

.historypay, .otherbank {
    overflow: hidden;
    margin-bottom: 10px;
}

    .historypay p, .otherbank p, .ordermsg p {
        font: bold 14px/16px "寰蒋闆呴粦";
        margin-left: 10px;
        margin-bottom: 10px;
    }

.separator {
    border-top: 1px dotted #CCC;
    position: relative;
}

    .separator .line {
        background-color: #1066b0;
        width: 80px;
        height: 5px;
        position: absolute;
        top: -3px;
    }

    .separator .wid6 {
        width: 105px;
    }

.historypay .bank {
    margin: 15px 0 0 0;
    padding: 0 10px;
}

.bank input, .otherbank input {
    vertical-align: middle;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.historypay ul li {
    margin-bottom: 20px;
    float: left;
    width: 196px;
}

.otherbank table {
    margin: 15px 10px auto;
}

    .otherbank table tr {
        height: 60px;
    }

.paybtn {
    background: url(../images/button.png) no-repeat;
    height: 38px;
    margin-left: 36px;
    width: 144px;
    text-align: center;
}

    .paybtn a {
        display: block;
        color: #FFF;
        font: bold 14px/38px "瀹嬩綋";
    }

.paybutton {
    background: url(../images/btnbak.png) no-repeat;
    height: 26px;
    margin-left: 0px;
    width: 186px;
    text-align: center;
}

    .paybutton a {
        display: block;
        color: #FFF;
        font: bold 13px/26px "瀹嬩綋";
    }

.paybutton1 {
    background: url(../images/btnbak.png) no-repeat;
    height: 26px;
    margin-left: 130px;
    margin-top: 50px;
    width: 186px;
    text-align: center;
}

    .paybutton1 a {
        display: block;
        color: #FFF;
        font: bold 13px/26px "瀹嬩綋";
    }

.bankservice {
    margin-top: 20px;
    overflow: hidden;
}

    .bankservice .table_border td {
        border: 1px solid #CCC;
        color: #666;
        padding-left: 5px;
    }

    .bankservice table tr {
        height: 30px;
    }

table {
    border-collapse: collapse;
    font-size: 12px;
}

.que {
    border: 1px solid #85b1dd;
    background-color: #f2f8fe;
    margin: 20px auto;
    padding: 20px;
    font-size: 12px;
    color: #666;
    line-height: 22px;
}

h2 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}

.phonepay {
    margin: 0px auto 20px 10px;
    overflow: hidden;
    padding-top: 10px;
}

    .phonepay input {
        vertical-align: middle;
    }

.black_overlay {
    display: none;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 0.5;
    background-color: #666666;
}

.white_content {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    width: 565px;
    margin-left: -280px;
    border: 6px solid #757575;
    background-color: white;
    z-index: 1002;
    overflow: hidden;
}

    .white_content .tit {
        color: #666;
        overflow: hidden;
        margin: 30px 50px;
        line-height: 18px;
    }

.tit h3 {
    color: #333;
    background: url(../images/information.png) no-repeat;
    line-height: 36px;
    height: 36px;
    font-size: 16px;
    padding-left: 48px;
}

.white_content .tit1 {
    color: #666;
    overflow: hidden;
    margin: 30px 50px;
    line-height: 18px;
}

.tit1 h3 {
    color: #333;
    background: url(../images/scanpayinformation.png) no-repeat;
    line-height: 36px;
    height: 36px;
    font-size: 16px;
    padding-left: 48px;
}

.ordermsg {
    margin-top: 20px;
}

.former {
    overflow: hidden;
    margin-top: 20px;
}

.ordermsg dl {
    font-size: 14px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ordermsg dd, .ordermsg dt {
    float: left;
    margin-bottom: 10px;
}

.ordermsg dt {
    padding-top: 2px;
    margin-left: 10px;
}

.ordermsg dd {
    margin-right: 10px;
}

.ordermsg input {
    height: 18px;
    border: 1px solid #CCC;
}

.otherbank td {
    position: relative;
}

label span {
    position: absolute;
    display: block;
    width: 144px;
    height: 44px;
    filter: alpha(opacity=0);
    opacity: 0;
    top: 8px;
    left: 18px;
    background-color: #FFF\0;
    z-index: 10\0;
}

.bottom {
    text-align: center;
    padding: 20px 0;
    overflow: hidden;
}

    .bottom .footicon {
        width: 1000px;
        margin: 0 auto;
    }

    .bottom a {
        background: url(../images/footicon.png) no-repeat;
        display: inline-block;
        height: 47px;
        margin: 3px 4px;
    }

        .bottom a.c1 {
            width: 62px;
            background-position: 0 0;
        }

        .bottom a.c2 {
            width: 118px;
            background-position: -67px 0;
        }

        .bottom a.c3 {
            background-position: -192px 0;
            width: 112px;
        }

        .bottom a.c4 {
            background-position: -313px 0;
            width: 85px;
        }

        .bottom a.c5 {
            background-position: -405px 0;
            width: 87px;
        }

        .bottom a.c6 {
            background-position: -502px 0;
            width: 32px;
        }

        .bottom a.c7 {
            background-position: -546px 0;
            width: 46px;
        }

        .bottom a.c8 {
            background-position: -607px 0;
            width: 42px;
        }

        .bottom a.c9 {
            background-position: -659px 0;
            width: 46px;
        }

        .bottom a.c10 {
            background-position: -715px 0;
            width: 44px;
        }

    .bottom p {
        color: #999;
        margin: 10px auto;
    }

.historypay .bank ul li {
    position: relative;
}

margin:10px auto;
}






/*===============蹇嵎鏀粯=====================*/
.ui-form {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px 0px;
    font-size: 12px;
}

    .ui-form a {
        color: #0099CC;
    }

        .ui-form a:hover {
            text-decoration: underline;
        }

.fn-hide, .hidden {
    display: none;
}

.fn-clear:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.fn-left {
    float: left;
}

.ui-form legend {
    display: none;
}

.ui-fm-item {
    color: #4D4D4D;
    margin-left: 10%;
    margin-top: 10px;
}

.cashier-channel-box .ui-fm-label {
    margin-left: -23%;
}

.ui-fm-label {
    float: left;
    font-size: 14px;
    padding-top: 3px;
    text-align: right;
    width: 32%;
}

.ui-fm-label-extend {
    position: relative;
    top: 8px;
}

.fundbill-bank-content .ui-fm-row, .fundbill-bank-content .ui-fm-account-row {
    margin-bottom: 0;
    padding-bottom: 14px;
}

.ui-fm-row {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.long-logo .icon-box, .long-logo .icon-box-commend, .long-logo .icon-box-kj {
    background-color: #FFFFFF !important;
    line-height: 36px;
    width: 155px;
}

.icon-box, .icon-box-commend, .icon-box-kj {
    background-color: #EEEEEE;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 126px;
}

.ui-card-explain {
    line-height: 44px;
    margin: 0 15px;
}

.ui-tip-trigger-kuaijie {
    background: url(../images/kj.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 36px;
    margin-top: 5px;
    text-indent: -9999px;
    width: 75px;
}

.ft-orange {
    color: #FF6600;
    font-weight: normal;
}

.ui-tip {
    position: relative;
}

.ui-tip-icon {
    background: url(../images/s_ico.png) no-repeat;
    height: 15px;
    left: 0;
    position: absolute;
    top: 2px;
    width: 15px;
}

.ui-tip-success .ui-tip-icon {
    background-position: -48px 0px;
}

.ui-tip-info .ui-tip-icon {
    background-position: 0px 0px;
}

.ui-tip .ui-tip-text {
    padding-left: 20px;
    line-height: 18px;
}

.ui-btn-ok .ui-btn-text {
    background: url(../images/button.png) no-repeat;
    height: 38px;
    width: 144px;
    text-align: center;
    color: #fff;
    border: none;
    display: block;
    padding: 0px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    line-height: 38px;
}

.ui-fm-explain {
    background: url(../images/icon.png) no-repeat;
    display: none;
    height: 20px;
    line-height: 20px;
    color: #ff0000;
}

.ui-fm-error .ui-fm-explain {
    color: #FF5243;
    padding: 3px 0px 0px 20px;
    background-position: -186px 6px;
}

.ui-fm-item .ui-input {
    color: #000000;
    font-size: 12px;
    vertical-align: middle;
    border: 1px solid #9C9C9C;
    font-family: Tahoma;
    line-height: normal;
    padding: 4px 2px 5px;
    width: 170px;
}

    .ui-fm-item .ui-input.ui-input-len6 {
        width: 60px;
    }

.ui-round-btn, .ui-round-btn-text {
    background: url(../images/new.png) no-repeat;
    border: 0 none;
    cursor: pointer;
    text-decoration: none;
}

.ui-round-btn {
    background-position: 0 -400px;
    display: inline-block;
    font-size: 12px;
    line-height: 100%;
    text-align: left;
    vertical-align: middle;
}

    .ui-round-btn:hover {
        background-position: 0 -369px;
    }

.ui-round-btn-text {
    background-position: right -484px;
    color: #4D4D4D;
    font-weight: 700;
    height: 27px;
    line-height: 27px;
    padding: 0 7px;
    margin: 0px;
}

    .ui-round-btn-text:hover {
        background-position: right -453px;
    }

.border_bottom {
    border-bottom: 1px dashed #eee;
}

.pad_top {
    padding-top: 10px;
}

#xbox-mock {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 6px solid #767576;
    color: #000000;
    left: 9%;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 198px;
    z-index: 1002;
    height: auto;
    padding: 20px;
}

.ui-xbox-action {
    display: block;
    font-size: 16px;
    overflow: hidden;
    border-bottom: 1px solid #eb7720;
}

    .ui-xbox-action a {
        font-size: 16px;
        padding-left: 20px;
        position: relative;
        text-decoration: none;
        float: right;
    }

.ui-xbox-content tr {
    height: 60px;
}

#xbox-mock .ui-xbox-action b {
    height: 13px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 3px;
    width: 13px;
    background: url("https://cdn.pay.dinpay.com/pay/images/new.png") no-repeat scroll -155px -285px rgba(0, 0, 0, 0);
}

.next {
    display: inline-block;
    height: 26px;
    border-radius: 3px;
    background-color: #eb7720;
    vertical-align: middle;
    font: bold 14px/26px "瀹嬩綋";
    color: #fff;
    padding: 0 10px;
    cursor: pointer;
}

.long-logo p {
    font: normal 12px/20px "瀹嬩綋";
    padding-left: 30px;
    color: #999;
}

.card {
    float: left;
}

    .card a {
        float: left;
        height: 26px;
        border-radius: 3px 3px 0 0;
        vertical-align: middle;
        font: bold 14px/26px "瀹嬩綋";
        color: #333;
        padding: 0 20px;
    }

    .card .dis {
        background-color: #eb7720;
        color: #fff;
    }

.table_bottom {
    border-top: 1px dashed #eee;
}

.ok {
    float: left;
    height: 26px;
    border-radius: 3px;
    background-color: #eb7720;
    border: none;
    color: #fff;
    font: bold 14px/26px "瀹嬩綋";
    margin-top: 15px;
    padding: 0 10px;
}

.long-logo .min img {
    width: 100px;
}

.icon-box span {
    display: inline-block;
    top: 0;
    width: 100px;
    height: 29px;
    left: 99px;
    opacity: 100;
    filter: alpha(opacity=100);
    border: 1px solid #ccc;
    border-left: 1px solid #fff;
    text-align: left;
    line-height: 29px;
}

.lineH31 {
    line-height: 31px;
}

    .lineH31 a {
        display: block;
    }

.ui-fm-item .selectbank {
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}

@-moz-document url-prefix() {
    .otherbank table td {
        display: inline-block;
        padding-top: 10px;
        width: 190px;
    }
}

.mt65 {
    margin-top: 15px;
}

.ml50 {
    margin-left: 85px;
}

.dsp_inl {
    display: inline-block;
}


.errorcontent {
    border: 1px solid #ecf7fd;
    width: 80%;
    margin: 0 auto;
    height: 200px;
}

#scan_window_excption {
    background-color: #ecf7fd;
    text-align: center;
}

.errorcontent .right {
    width: 100%;
    height: 200px;
}

.errorcontent .returninfo {
    text-align: left;
    height: 145px;
    margin: 0 auto;
    display: inline-block;
}

.errorcontent .right h1 {
    margin: -20px auto 20px auto;
    color: #333333;
    font: bold 25px/180% "微软雅黑";
}

.errorcontent .right p {
    color: #666;
    font: bold 14px/120% '宋体';
    margin-top: 10px;
    text-align: left;
}

    .errorcontent .right p span {
        color: #F00;
        font-weight: normal;
        margin: 0 0 0 80px;
        display: inline-block;
    }

    .errorcontent .right p em {
        position: absolute;
        font-style: normal;
        font-weight: normal;
        flaot: left;
        display: inlien-block;
    }

.mag_left_30 {
    margin-left: 30px;
}

.mag_left_70 {
    margin-left: 70px;
}

}

.wd73 {
    width: 73px;
}

.cashier-channel-box .width_23 {
    width: 100px;
    text-align: right;
    padding: 0;
    margin: 0;
    line-height: 30px;
}

.margin_10 {
    margin: 10px 0 0 0;
    overflow: hidden;
}

.med_mg20 {
    margin-left: 72px;
}

.margin_0 {
    margin: 0;
}

.margin_left_0 {
    margin-left: 0;
}

.margin_101 {
    margin-left: 67px;
    margin-top: 15px;
}

.margin_100 {
    margin-left: 100px;
    margin-top: 15px;
}

.margin_30 {
    margin-left: 0px;
    margin-top: 10px;
}

.fn-left {
    dinsplay: inline-block;
    heighht: 50px;
    overflow: hidden;
}

@media screen and (max-width: 500px) {
    .med_mg20 {
        margin-left: 0px;
    }

    #kr {
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin: 0;
        text-align: left;
        padding-bottom: 10px;
    }

    .xty {
        margin-left: 100px;
    }

    .mt10 {
        margin-top: 10px;
    }
}

.tooltips {
    background: #fff;
    display: inline-block;
    padding: 10px;
}

    .tooltips p {
        line-height: 30px;
        height: 30px;
        overflow: hidden;
    }

.tooltips-left {
    display: inline-block;
    width: 100px;
    text-align: right;
}

/** 鏂伴伄缃╁眰銆佸脊鍑虹獥鍙ｆ牱寮�  */
* {
    margin: 0;
    padding: 0;
    font: 14px/22px Microsoft YaHei;
}

li, ol {
    list-style: none;
}

.tisp_bg {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

.tisp {
    background: #757575;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 111112;
    margin: -156px 0 0 -250px;
    display: none;
}

.tisp_main {
    width: 520px;
    margin: 6px;
    background: #fff;
    padding: 10px 20px 20px 20px;
}

    .tisp_main h4 {
        font-weight: bold;
        line-height: 45px;
        height: 45px;
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        color: #333;
        background: url(../images/tips_icon1_03.jpg) no-repeat 0 center;
        text-indent: 30px;
    }

        .tisp_main h4 span {
            font-weight: normal;
            cursor: pointer;
            float: right;
            display: inline-block;
            text-indent: 18px;
            color: #00aaef;
            font-size: 15px;
            background: url(../images/tips_icon1_06.jpg) no-repeat 0 center;
            margin: 10px auto;
        }

    .tisp_main ul {
        margin: 15px auto 0 auto;
    }

        .tisp_main ul li {
            line-height: 30px;
            color: #666666;
            font-size: 14px;
            margin: 5px auto 10px 0;
        }

        .tisp_main ul span {
            text-indent: 25px;
            background: url(../images/tisp_icon_1_11.jpg) no-repeat 0 center;
            line-height: 30px;
            overflow: hidden;
            color: #333;
            font-size: 13px;
            display: inline-block;
            line-height: 30px;
            float: left;
        }

            .tisp_main ul span.span1 {
                background: url(../images/tisp_icon_1_14.jpg) no-repeat 0 center;
            }

        .tisp_main ul li a {
            color: #01a9f0;
            margin: 0 10px 0 0;
            display: inline-block;
            text-decoration: none;
        }

        .tisp_main ul li em {
            position: relative;
        }

            .tisp_main ul li em div {
                position: absolute;
                left: -257px;
                top: 35px;
                padding: 5px 20px 10px 12px;
                width: 480px;
                height: 50px;
                line-height: 25px;
                border: 1px solid #ddd;
                background: #f7f7f7;
                display: none;
            }

            .tisp_main ul li em img {
                position: absolute;
                ;
                left: 30px;
                top: 25px;
                z-index: 111113;
                display: none;
            }

            .tisp_main ul li em div p {
                font-size: 14px;
                line-height: 25px;
                color: #666;
            }

            .tisp_main ul li em:hover div, .tisp_main ul li em:hover img {
                display: block;
            }

.tisp_main_bottom {
    width: 520px;
    margin: 6px;
    padding: 10px 20px;
    display: block;
    height: 120px;
}

    .tisp_main_bottom h4 {
        font-weight: bold;
        line-height: 45px;
        height: 45px;
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        color: #333;
        background: url(../images/tips_icon1_03.jpg) no-repeat 0 center;
        text-indent: 30px;
    }

        .tisp_main_bottom h4 span {
            font-weight: normal;
            cursor: pointer;
            float: right;
            display: inline-block;
            text-indent: 18px;
            color: #00aaef;
            font-size: 15px;
            background: url(../images/tips_icon1_06.jpg) no-repeat 0 center;
            margin: 10px auto;
        }

    .tisp_main_bottom ul {
        margin: 0 auto;
    }

        .tisp_main_bottom ul li {
            line-height: 25px;
            color: #666666;
            font-size: 14px;
            margin: 0;
        }

            .tisp_main_bottom ul li span {
                text-indent: 25px;
                background: url(../images/tisp_icon_1_11.jpg)no-repeat 0 center;
                line-height: 25px;
                overflow: hidden;
                color: #333;
                font-size: 13px;
                display: inline-block;
                float: left;
            }

        .tisp_main_bottom ul span.span1 {
            background: url(../images/tisp_icon_1_14.jpg)no-repeat 0 center;
        }

        .tisp_main_bottom ul li a {
            color: #01a9f0;
            margin: 0 10px 0 0;
            display: inline-block;
            text-decoration: none;
        }

        .tisp_main_bottom ul li em {
            position: relative;
        }

            .tisp_main_bottom ul li em div {
                position: absolute;
                left: -257px;
                top: 35px;
                padding: 5px 8px;
                width: 480px;
                height: 50px;
                line-height: 25px;
                border: 1px solid #ddd;
                background: #f7f7f7;
                display: none;
            }

            .tisp_main_bottom ul li em img {
                position: absolute;
                ;
                left: 30px;
                top: 25px;
                z-index: 111114;
                display: none;
            }

            .tisp_main_bottom ul li em div p {
                font-size: 14px;
                line-height: 25px;
                color: #666;
            }

            .tisp_main_bottom ul li em:hover div, .tisp_main_bottom ul li em:hover img {
                display: block;
            }

.scan_main {
    width: 520px;
    margin: 6px;
    padding: 10px 20px;
    display: block;
    height: 40px;
}

    .scan_main h4 {
        font-weight: bold;
        line-height: 45px;
        height: 45px;
        font-size: 18px;
        color: #333;
        text-indent: 30px;
    }

        .scan_main h4 span {
            font-weight: normal;
            cursor: pointer;
            float: right;
            display: inline-block;
            text-indent: 18px;
            color: #00aaef;
            font-size: 15px;
            margin: 10px auto;
        }


.cl,
.clearfix {
    zoom: 1;
}

    .cl:after,
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

.w990 {
    width: 990px;
    margin: 0 auto;
}

img {
    display: inline;
    border: none;
}

.m,
.sm {
    margin-bottom: 20px;
}

.qrcode-box {
    margin: 20px 0;
    border-top: 4px solid #4b5b78;
    padding: 26px 30px 30px;
    background: #fff;
}

.p-w-hd {
    margin-bottom: 20px;
    font-size: 18px;
}

.p-w-bd {
    padding-left: 130px;
    margin-bottom: 30px;
}

.p-w-box {
    float: left;
    width: 300px;
}

.pw-box-hd {
    margin-bottom: 20px;
}

    .pw-box-hd img {
        border: 1px solid #ddd;
    }

.pw-box-ft {
    height: 44px;
    padding: 8px 0 8px 7px;
    background: url("http://static.guinong360.com/Areas/Web/Images/icon-red.png") 50px 8px no-repeat #ff7674;
}

    .pw-box-ft p {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        font-weight: 700;
    }

.p-w-sidebar {
    float: left;
    width: 379px;
    height: 421px;
    padding-left: 50px;
    margin-top: -20px;
    background: url("http://static.guinong360.com/Areas/Web/Images/phone-bg.png") 50px 0 no-repeat;
}

.qrpay {
    padding: 20px 0 0 20px;
}

.qrcode-box {
    margin: 20px 0;
    border-top: 4px solid #4b5b78;
    padding: 26px 30px 30px;
    background: #fff;
}

.p-w-hd {
    margin-bottom: 20px;
    font-size: 18px;
}

.p-w-bd {
    padding-left: 130px;
    margin-bottom: 30px;
}

.p-w-box {
    float: left;
    width: 250px;
}

.pw-box-hd {
    margin-bottom: 20px;
}

    .pw-box-hd img {
        border: 1px solid #ddd;
    }

.pw-box-ft {
    height: 44px;
    padding: 8px 0 8px 66px;
    background: url("http://static.guinong360.com/Areas/Web/Images/icon-red.png") 50px 8px no-repeat #ff7674;
}

    .pw-box-ft p {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        font-weight: 700;
    }

.p-w-sidebar {
    float: left;
    width: 379px;
    height: 421px;
    padding-left: 50px;
    margin-top: -20px;
    background: url("http://static.guinong360.com/Areas/Web/Images/phone-bg.png") 50px 0 no-repeat;
}
